@import './common';

.lists{
	// border-top:setSize(1) solid #EDEFF3;

	.list-item{
		// color: #393939;
		font-size: setSize(28);

		.avat-box{
			box-sizing:border-box;
			padding: setSize(30) setSize(30) setSize(20) setSize(38);

			.avat{
				display: block;
				width: setSize(69);
				height: setSize(69);
				border-radius: 50%;
			}
		}

		.cont-box{
			box-sizing:border-box;
			padding-top:setSize(20);
			padding-right:setSize(30);
			padding-bottom:setSize(30);
			
			.text-box{
				white-space: normal;

				.text{
					margin-top: setSize(10);
					color:#999;
				}
			}

			.coms-wrap{
				box-sizing:border-box;
				padding:setSize(20) 0;

				.coms-box{
					box-sizing:border-box;
					padding:setSize(20);
					background-color:$subBgWin;
					border-radius:setSize(5);
					// color: #333;

					.com-item{
						width: 100%;
						margin-bottom: setSize(10);
						font-size: setSize(28);

						.call{
							padding:0 setSize(4);
							font-size: setSize(24);
							color: #999;
						}
					}

					.link{
						font-size: setSize(26);
						color: #e8683b;

						.cell-icon{
							align-items:center;
							box-sizing:border-box; 	
							padding-right:setSize(10);
							margin-left: setSize(4);

							.icon{
								width: setSize(16);
								height: setSize(16);		
								display: inline-block;
								box-sizing:border-box; 
								border-right: setSize(4) solid #e8683b; 
								border-top: setSize(4) solid #e8683b;   
								transform: rotate(45deg); 
							}
						}
					}
				}
			}
		}
	}
}

.foot-wrap{
	height: setSize(102);

	.foot-box{
		position: fixed;
		left: 0;
		bottom:0;
		width: 100%;
		height: setSize(102);
		box-sizing:border-box;
		padding:setSize(16) setSize(38);
		z-index: 999;
		background-color:$subBgWin;
		box-shadow:setSize(0) setSize(3) setSize(21) setSize(0) rgba(0, 0, 0, 0.35);

		.avat-box{

			.avat{
				display: block;
				width: setSize(60);
				height: setSize(60);
				border-radius:50%;
			}
		}

		.input-box{
			box-sizing:border-box;
			padding:setSize(10) setSize(30);
			border:setSize(2) solid $mainColor;
			margin-left:setSize(27);
			margin-right:setSize(38);
			border-radius:setSize(50);

			.input{
				display: block;
				width: 100%;
				height: setSize(36);
				min-height:setSize(36);
			}
		}

		.btn-box{
			position:relative;
			color: $mainColor;

			.btn{
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				opacity:0;
			}
		}
	}
}